document.addEventListener('DOMContentLoaded', () => {
    // 初始化 Markdown 编辑器
    const easyMDE = new EasyMDE({
        element: document.getElementById('markdown-editor'),
        spellChecker: false,
        status: false,
        placeholder: '在这里输入笔记内容...',
        autofocus: true,
        toolbar: [
            'bold', 'italic', 'heading', '|',
            'quote', 'code', 'unordered-list', 'ordered-list', '|',
            'link', 'image', 'table', '|',
            'preview', 'side-by-side', 'fullscreen', '|',
            'guide'
        ]
    });

    // 获取URL参数中的笔记ID
    const urlParams = new URLSearchParams(window.location.search);
    const noteId = urlParams.get('id');

    // 如果有笔记ID，则加载笔记数据
    if (noteId) {
        loadNoteData(noteId);
    }

    // 保存按钮点击事件
    document.getElementById('save-note').addEventListener('click', saveNote);

    // 加载笔记数据
    function loadNoteData(id) {
        // 这里应该从后端获取数据，现在先使用模拟数据
        const note = {
            id: 1,
            title: "项目启动会议",
            content: `# 项目启动会议记录

## 会议主题
讨论Q1季度新项目启动事项和人员分配

## 会议内容

### 1. 项目概述
| 项目名称 | 开始时间 | 结束时间 | 负责人 |
|---------|---------|---------|--------|
| 新版本开发 | 2024-01-20 | 2024-03-31 | 张三 |

### 2. 主要议题
- 项目目标和范围确定
- 团队成员分工
- 时间节点安排
- 风险评估和应对策略

### 3. 项目架构图
![项目架构图](https://example.com/project-architecture.png)

### 4. 演示视频
<video controls>
    <source src="https://example.com/project-demo.mp4" type="video/mp4">
    您的浏览器不支持视频标签
</video>

### 5. 代码示例
\`\`\`javascript
function calculateProjectMetrics() {
    // TODO: 实现项目指标计算
    console.log("计算项目指标");
}
\`\`\`

> 注意：以上内容为初步规划，具体实施细节需要进一步讨论确定。`,
            startTime: "2024-01-15T09:30",
            endTime: "2024-01-15T11:30",
            priority: "高",
            status: "已完成",
            assignee: "张三"
        };

        // 填充表单数据
        document.getElementById('note-title').value = note.title;
        document.getElementById('start-time').value = note.startTime;
        document.getElementById('end-time').value = note.endTime;
        document.getElementById('priority').value = note.priority;
        document.getElementById('status').value = note.status;
        document.getElementById('assignee').value = note.assignee;
        easyMDE.value(note.content);
    }

    // 保存笔记
    function saveNote() {
        const noteData = {
            title: document.getElementById('note-title').value,
            content: easyMDE.value(),
            startTime: document.getElementById('start-time').value,
            endTime: document.getElementById('end-time').value,
            priority: document.getElementById('priority').value,
            status: document.getElementById('status').value,
            assignee: document.getElementById('assignee').value
        };

        // 验证必填字段
        if (!noteData.title.trim()) {
            alert('请输入笔记标题');
            return;
        }

        if (!noteData.startTime || !noteData.endTime) {
            alert('请选择开始和结束时间');
            return;
        }

        if (!noteData.assignee.trim()) {
            alert('请输入负责人');
            return;
        }

        // 这里应该发送数据到后端保存
        console.log('保存笔记数据:', noteData);
        
        // 保存成功后返回列表页面
        window.location.href = 'index.html';
    }

    // 格式化日期时间
    function formatDateTime(dateString) {
        return dateString.replace('T', ' ');
    }
}); 